<template>
    <div class="contain">
      <Battle></Battle>  
    <div class="text-container">
<h1>解放战争的历史意义</h1>
  <h2>国家统一与民族独立：</h2>
  <h3>国家统一：</h3>
  解放战争结束了国民党在中国的统治，实现了中国的国家统一，结束了长期的内战状态，为国家的稳定和发展创造了条件。
  <h3>民族独立：</h3>
  中华人民共和国的成立标志着中国人民摆脱了外来势力的控制，实现了民族的完全独立，增强了中国在国际舞台上的地位和影响力。
  <h2> 社会变革与经济发展：</h2>
 <h3>社会变革：</h3>
  战争结束后，中国共产党实施的土地改革和一系列社会改革，颠覆了封建主义和旧的社会结构，为建设一个平等、公正的社会打下了基础。
  <h3> 经济发展：</h3>
 新的政权推动了经济的恢复和重建，特别是在农村地区，解放了生产力，提高了农民的生产积极性，为国家的工业化和发展农业现代化提供了动力。
 <h2>政治制度的更迭与民主建设：</h2>
  <h3>政治制度：</h3>
  解放战争的结果是中国政治制度的根本性转变，从半封建半殖民地的旧中国走向了社会主义新中国，确立了以人民为中心的政权形式。
  <h3> 民主建设：</h3>
 新的国家政权强调民主和人权，虽然实践中的民主形式与西方不同，但它在中国的具体历史条件下，为人民参政议政提供了新的渠道和空间。
 <h2>国际地位的提升与世界格局的影响：</h2>
  <h3>国际地位：</h3>
  中华人民共和国的成立显著提升了中国的国际地位，使得中国在联合国等国际组织中获得了应有的席位，成为世界政治中的一支重要力量。
  <h3>世界格局：</h3>
  中国的解放战争和随后的抗美援朝战争，增强了社会主义阵营的力量，对冷战的国际格局产生了重要影响，加剧了东西方之间的对抗，改变了世界的政治地图。
  <h2> 意识形态与文化传承：</h2>
 <h3> 意识形态：</h3>
 解放战争胜利后，马克思主义成为中国的主导意识形态，影响了几代中国人的思想观念和行为方式，塑造了中国的社会主义文化。
 <h3>文化传承：</h3>
  战争中形成的革命文化和英雄主义，成为中国文化的重要组成部分，激励着后人继续为国家和民族的进步而奋斗。
    </div>
    </div>
  
</template>
<script setup>
import Header from "@/modules/module4/modules4-War/components/Header.vue";
import sideshow from "@/modules/module4/modules4-War/components/SideShow.vue";
import Battle from '@/modules/module4/modules4-War/components/Battle.vue';
</script>
<style scoped>
.contain {
  font-family: "microsoft yahei, arial, helvetica, sans-serif";
  font-size: 16px;
  background-image: url("../assets/image/400.jpeg"); /* 确保路径正确 */
  background-size: cover; /* 覆盖整个页面 */
  background-position: center; /* 居中显示 */
  background-attachment: fixed; /* 固定背景，不随滚动条滚动 */
}
.text-container {
  width: 60%;
  margin: 0 auto;
  padding: 40px;
  background-color: #f0f0f0;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /*text-align: center;*/
  background-color: rgba(255, 255, 255, 0.3);
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}

.text-container h1 {
  margin-top: 0;
  text-align: center;
  background: linear-gradient(45deg, #e90805, #f5a504);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 40px;
}

.text-container h2 {
  margin-top: 0;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
h3 {
  position: relative; /* 设置相对定位，使伪元素可以相对其定位 */
  padding-left: 20px; /* 为圆点留出空间 */
  font-size: 18px; /* 设置字体大小 */
  line-height: 1.5; /* 设置行高 */
}

h3::before {
  content: ""; /* 伪元素必须有 content 属性 */
  position: absolute; /* 设置绝对定位 */
  left: 0; /* 定位到左边 */
  top: 50%; /* 垂直居中 */
  transform: translateY(-50%); /* 垂直居中 */
  width: 8px; /* 圆点的宽度 */
  height: 8px; /* 圆点的高度 */
  background-color: #000; /* 圆点的颜色 */
  border-radius: 50%; /* 设置为圆形 */
}
strong {
  font-size: 20px;
}
</style>
